<!DOCTYPE html>
   <head>
   <title>网页设计与制作</title>
	<meta name="keywords" content="网页设计与制作" />
	<meta name="description" content="网页设计与制作" />
    
	<meta charset="utf-8">
	<meta name="viewport" content="initial-scale=1">
 	
	
    
   	<link rel="stylesheet" href="css/font-awesome.min.css">
    <link rel="stylesheet" href="css/bootstrap.min.css"> 
    <link rel="stylesheet" href="css/jquery-ui.css" /> <!-- popular tab -->
   	<link rel="stylesheet" href="css/templatemo_misc.css">
	<link rel="stylesheet" href="css/templatemo_style.css">    
    
    <!-- JavaScripts -->   
    <script src="js/jquery-1.11.1.min.js"></script> <!-- lightbox -->
	<script src="js/templatemo_custom.js"></script> <!-- lightbox -->
    <script src="js/bootstrap-collapse.js"></script>
    <script src="js/jquery-ui.min.js"></script> <!-- popular tab -->

    <!-- JavaScripts -->  
</head>
  <body>
  	<!-- menu start -->	
  	<div class="container menu">
    	<div class="row">
            <div class="col-sm-4">
            	<div class="templatemo_webtitle"><img src="images/templatemo_logo.png" alt="logo"></div>
            </div>
            <div class="col-sm-8">
            	<nav class="navbar navbar-default" role="navigation">
          <div class="container-fluid"> 
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
              <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"><span class="sr-only">目录</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span></button>
            </div>
            <!-- Collect the nav links, forms, and other content for toggling -->
            <div id="top-menu">
              <div class="collapse navbar-collapse main_menu" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav">
                  <li ><a href="index.html">首页</a></li>
                  <li class="current"><a href="html.html">HTML</a></li>
                  <li><a href="gallery.html">CSS</a></li>
                  <li><a href="gallery.html">案例库</a></li>
                  <li><a href="gallery.html">案例库</a></li>
                  <li><a href="contact.html">联系我们</a></li>
                </ul>
              </div>
            </div>
            <!-- /.navbar-collapse --> 
          </div>
          <!-- /.container-fluid --> 
        </nav>
            </div>
        </div>
    </div>
       <!-- about start -->
    	<div class="container">
        	<div class="row">
            	<div class="col-md-12">
                    <div class="templatemo_about_top shadow">
                    	<div class="templatemo_about_top_title">HTML</div>
                        <div class="templatemo_about_top_sub">HTML 是用来描述网页的一种语言。
</div>
                    	<p>
<ul>HTML 指的是超文本标记语言 (Hyper Text Markup Language)</ul>
<ul>HTML 不是一种编程语言，而是一种标记语言 (markup language)</ul>
<ul>标记语言是一套标记标签 (markup tag)</ul>
<ul>HTML 使用标记标签来描述网页</ul>
</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="container">
        	<div class="row margin30">
            	<div class="col-md-4">
                	<a href="structure.html">
                	<div class="templatemo_aboutmid shadow">
                    	<div class="circle">1</div>
                        <div class="title">网页结构</div>
                        <div class="text">
                       基础标签
              

                        </div>
                	</div>
                    </a>
                </div>
                <div class="col-md-4 s_margin30">
                	<a href="#">
                	<div class="templatemo_aboutmid shadow">
                    	<div class="circle">2</div>
                        <div class="title">&lt;head &gt;标签</div>
                        <div class="text">元信息标签的使用</div>
                	</div>
                    </a>
                </div>
                <div class="col-md-4 s_margin30">
                	<a href="#">
                	<div class="templatemo_aboutmid shadow">
                    	<div class="circle">3</div>
                        <div class="title">表格标签</div>
                        <div class="text">相关表格标签的使用</div>
                	</div>
                    </a>
                </div>
            </div>
            <div class="row margin30">
            	<div class="col-md-4">
                	<a href="#">
                	<div class="templatemo_aboutmid shadow">
                    	<div class="circle">4</div>
                        <div class="title">列表标签</div>
                        <div class="text">相关表格标签的使用</div>
                	</div>
                    </a>
                </div>
                <div class="col-md-4 s_margin30">
                	<a href="#">
                	<div class="templatemo_aboutmid shadow">
                    	<div class="circle">5</div>
                        <div class="title">多媒体标签</div>
                        <div class="text">相关多媒体标签的使用</div>
                	</div>
                    </a>
                </div>
                <div class="col-md-4 s_margin30">
                	<a href="#">
                	<div class="templatemo_aboutmid shadow">
                    	<div class="circle">6</div>
                        <div class="title">表单标签</div>
                        <div class="text">相关表单标签的使用</div>
                	</div>
                    </a>
                </div>
            </div>
        </div>
        <div class="clear"></div>
        <div class="container">
        	<div class="row">
            	<div class="col-md-12">
                	<div class="templatemo_about_bot shadow">
                    	<div class="col-md-6">
                      	<div class="templatemo_about_botbox">
                      	<div class="image">
                                <a href="http://www.sublimetext.com/" target="view_window">  <img src="images/SublimeText.jpg" alt="开发工具"></a>
                        </div>
                        <div class="text">
                            <div class="title">开发工具</div>
                            <div class="subtitle">Sublime Text</div>
                            <div class="para">具有漂亮的用户界面、强大功能和优良性能的一款代码编辑器，你可以在Windows、OS X和Linux等主流操作系统上运行使用，而且现在一直可以免费使用。 
							</div>
                        </div>
                        </div>
                	</div>
               		 <div class="col-md-6">
                     <div class="templatemo_about_botbox s_margin30">
                      	<div class="image">
                           <a href="http://www.w3school.com.cn/index.html" target="view_window"> <img src="images/w3.jpg" alt="templatemo about 04"></a>
                        </div>
                        <div class="text">
                            <div class="title">学习资源</div>
                            <div class="subtitle">W3School</div>
                            <div class="para">一个专业的编程入门学习及技术文档查询网站
                          
							</div>
                        </div>
                        </div>
                	</div>
                    </div>
				</div>
            </div>
        </div>
    <!-- about end -->

	<!-- footer start -->
    <div class="container">
    <div class="row">
        	<div class="col-md-12 margin30 center">Copyright &copy; 2017 四川广播电视大学 | 信息中心 媒体制作部  - 四川  | 成都 </div>
            <div class="margin30">&nbsp;</div>
        </div>
    </div>
    <!-- footer end -->

  </body>
</html>